<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>苏宁</title>
    <!-- 引入rem适配 -->
    <script src="./js/flexible.js"></script>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="view">
        <!-- 头部 begin -->
        <div class="header">
            <div class="type">
                <!-- 这里设置为背景图片 -->
                <a href="#"></a>
            </div>
            <div class="search">
                <!-- 这里是搜索框 -->
                <input type="search">
            </div>
            <div class="login">
                <a href="#">登录</a>
            </div>
        </div>
        <!-- 头部 end -->

        <!-- banner begin -->
        <div class="banner">
           <a href="#"><img src="./upload/sn_swiper01.jpg" alt=""></a>
        </div>
        <div class="banner">
            <a href="#">
                <img src="./upload/adv01.gif" alt="">
            </a>
         </div>
        <!-- banner end -->

        <!-- 导航栏 begin -->
        <div class="nav">
            <ul>
                <li><a href="#"><img src="./images/nav01.gif" alt=""><span>爆款手机</span></a></li>
                <li><a href="#"><img src="./images/nav02.png" alt=""><span>苏宁超市</span></a></li>
                <li><a href="#"><img src="./images/nav03.png" alt=""><span>生活家电</span></a></li>
                <li><a href="#"><img src="./images/nav04.png" alt=""><span>苏宁生鲜</span></a></li>
                <li><a href="#"><img src="./images/nav05.png" alt=""><span>母婴玩具</span></a></li>
                <li><a href="#"><img src="./images/nav06.png" alt=""><span>限时抢购</span></a></li>
                <li><a href="#"><img src="./images/nav07.png" alt=""><span>赚钱</span></a></li>
                <li><a href="#"><img src="./images/nav08.png" alt=""><span>苏宁拼购</span></a></li>
                <li><a href="#"><img src="./images/nav09.png" alt=""><span>苏宁家电</span></a></li>
                <li><a href="#"><img src="./images/nav10.png" alt=""><span>签到有礼</span></a></li>
            </ul>
        </div>
        <!-- 导航栏 end -->

        <!-- banner begin -->
        <div class="banner">
            <a href="#">
                <img src="./upload/adv02.jpg" alt="">
            </a>
        </div>
        <!-- banner end -->

        <!-- 好物 beign -->
        <div class="good_thing_top">
            <ul>
                <li><a href="#"><img src="./upload/hs01.png" alt=""></a></li>
                <li><a href="#"><img src="./upload/hs02.png" alt=""></a></li>
                <li><a href="#"><img src="./upload/hs03.png" alt=""></a></li>
                <li><a href="#"><img src="./upload/hs04.png" alt=""></a></li>
            </ul>
        </div>
        <div class="good_thing_bottom">
            <a href="#">
                <img src="./images/hs_wrap.png" alt="">
                <div class="thing">
                    <img src="./upload/hs05.png" alt="">
                    <p>中央家电<br/>爆款送豪礼</p>
                </div>
            </a>
            <a href="#">
                <img src="./images/hs_wrap.png" alt="">
                <div class="thing">
                    <img src="./upload/hs06.png" alt="">
                    <p>数码焕新季<br/>1分抽门锁</p>
                </div>
            </a>
            <a href="#">
                <img src="./images/hs_wrap.png" alt="">
                <div class="thing">
                    <img src="./upload/hs07.png" alt="">
                    <p>家装建材<br/>满999减350</p>
                </div>
            </a>
            <a href="#">
                <img src="./images/hs_wrap.png" alt="">
                <div class="thing">
                    <img src="./upload/hs08.png" alt="">
                    <p>冲调茗茶<br/>满99减40</p>
                </div>
            </a>
        </div>
        <!-- 好物 end -->

        <!-- 每日必逛 begin -->
        <div class="day_go">
            <div class="day_go_hd">
               <img src="./images/shopping_title.png" alt="">
            </div>
            <div class="day_go_bd">
              <ul>
                  <li>
                    <div>
                          <h5>新品首发</h5>
                          <p>iQOO立即预约 6期免息</p>
                          <img src="./upload/shopping01.jpg" alt="">
                          <img src="./upload/shopping02.jpg" alt="">
                      </div>
                  </li>
                  <li>
                    <div>
                        <h5>苏宁超市</h5>
                        <p>超市换新节 生鲜满128减50</p>
                        <img src="./upload/shopping03.jpg" alt="">
                        <img src="./upload/shopping04.jpg" alt="">
                    </div>
                  </li>
                  <li>
                    <div>
                        <h5>苏宁国际</h5>
                        <p>全球焕新 爆款第二件半价</p>
                        <img src="./upload/shopping05.jpg" alt="">
                        <img src="./upload/shopping06.jpg" alt="">
                    </div>
                  </li>
                  <li>
                    <div>
                        <h5>0元试用</h5>
                        <p>今日特价，超高性价比</p>
                        <img src="./upload/shopping07.jpg" alt="">
                        <img src="./upload/shopping08.jpg" alt="">
                    </div>
                  </li>
              </ul>
            </div>
        </div>
        <!-- 每日必逛 end -->

        <!-- 广告 begin -->
        <div class="adv">
            <a href="#">
                <img src="./upload/adv03.png" alt="">
            </a>
        </div>
        <!-- 广告 end -->

        <!-- 酷玩潮流 begin -->
        <div class="play">
            <div class="play_hd">
                <img src="./upload/fas_title.png" alt="">
            </div>
            <div class="play_bd">
                <ul>
                    <li>
                        <div>
                            <p>内存条都用上了水冷散热，你却还是只能拼命吹风</p>
                            <img src="./upload/fs00.jpg"/>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>手机馆</h5>
                            <p>三星S10送无线充等好礼</p>
                            <img src="./upload/fs01.webp"/>
                            <img src="./upload/fs02.webp"/>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>电脑办公</h5>
                            <p>以旧换新先补300后回收</p>
                            <img src="./upload/fs03.webp"/>
                            <img src="./upload/fs04.webp"/>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>苏宁极物</h5>
                            <p>苏宁官方自营品牌</p>
                            <img src="./upload/fs05.webp"/>
                            <img src="./upload/fs06.webp"/>
                            </div>
                        </li>
                    <li>
                        <div>
                            <h5>运动户外</h5>
                            <p>运动自营 满399减200</p>
                            <img src="./upload/fs07.webp"/>
                            <img src="./upload/fs08.webp"/>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>苏宁数码</h5>
                            <p>0.01元抽门锁</p>
                            <img src="./upload/fs09.webp"/>
                            <img src="./upload/fs10.webp"/>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 酷玩潮流 end -->

        <!-- 生活风尚 begin -->
        <div class="life">
            <div class="life_hd">
                <img src="./upload/sn_life.webp" alt="">
            </div>
            <div class="life_bd">
                <ul>
                    <li>
                        <div>
                            <h5>苏宁家电</h5>
                            <p>30天包退 365天包换</p>
                            <img src="./upload/sn_life01.webp" alt="">
                            <img src="./upload/sn_life02.webp" alt="">
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>生活家电</h5>
                            <p>满300减30 满500减50</p>
                            <img src="./upload/sn_life03.webp" alt="">
                            <img src="./upload/sn_life04.webp" alt="">
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>日用家纺</h5>
                            <p>水星超品日 疯抢五折神券</p>
                            <img src="./upload/sn_life05.webp" alt="">
                            <img src="./upload/sn_life06.webp" alt="">
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>家有萌宝</h5>
                            <p>母婴好货 爆款直降</p>
                            <img src="./upload/sn_life07.webp" alt="">
                            <img src="./upload/sn_life08.webp" alt="">
                        </div>
                    </li>
                    <!--  -->
                    <li>
                        <div>
                            <h5>家具建材</h5>
                            <p>满999减350</p>
                            <img src="./upload/sn_life09.webp" alt="">
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>厨卫电器</h5>
                            <p>灶具299元抢</p>
                            <img src="./upload/sn_life10.webp" alt="">
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>型格男装</h5>
                            <p>大牌三免一</p>
                            <img src="./upload/sn_life11.webp" alt="">
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>苏宁图书</h5>
                            <p>满100减50</p>
                            <img src="./upload/sn_life12.webp" alt="">
                        </div>
                    </li>
                </ul>
         </div>
        </div>
        <!-- 生活风尚 end -->

        <!-- 西式厨房广告 begin -->
        <div class="adv_kitchen">
           <a href="#">
               <img src="./upload/cook_room.png" alt="">
           </a>
        </div>
        <!-- 西式厨房广告 end -->

        <!-- 猜你喜欢 begin -->
        <div class="like">
            <div class="like_hd">
                <img src="./upload/guess.webp" alt="">
            </div>
            <div class="like_bd">
                <ul>
                    <li>
                        <a href="#">
                            <img src="./upload/guess01.webp" alt="">
                            <p>Apple iPhone XR 128GB 黑色 移动联通电信4G全网通手机 双卡双待</p>
                            <p>&yen;6199</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./upload/guess02.webp" alt="">
                            <p>【三只松鼠_芒果干116g】三只松鼠threesquirrels休闲零食特产蜜饯果脯水果干袋装</p>
                            <p>&yen;23.9</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./upload/guess03.webp" alt="">
                            <p>蓝月亮 深层洁净护理洗衣液(薰衣草) 1kg/瓶</p>
                            <p>&yen;10.9</p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./upload/guess04.webp" alt="">
                            <p>卫新 薰衣草洗衣液 4.26kg 威露士出品</p>
                            <p>&yen;29.9</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./upload/guess05.webp" alt="">
                            <p>卫新 香薰洗衣液 索菲亚玫瑰 4.26kg 威露士（Walch）出品</p>
                            <p>&yen;29.9</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./upload/guess06.webp" alt="">
                            <p>农夫山泉天然饮用水5L*4 整箱装</p>
                            <p>&yen;9.9</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./upload/guess07.webp" alt="">
                            <p>韩国原装进口欧志姆 O-ZONE 儿童牙膏套装60gX2（橙子味）防蛀固齿清新口气</p>
                            <p>&yen;5688</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./upload/guess08.webp" alt="">
                            <p>Apple iPhone XR 64GB 黑色 移动联通电信4G全网通手机 双卡双待</p>
                            <p>&yen;5688</p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./upload/guess09.webp" alt="">
                            <p>【三只松鼠_芒果干116g】三只松鼠threesquirrels休闲零食特产蜜饯果脯水果干袋装</p>
                            <p>&yen;23.9</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./upload/guess10.webp" alt="">
                            <p>阿榴哥 泰国金枕头冷冻榴莲肉 300G*1盒装</p>
                            <p>&yen;32.6</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 猜你喜欢 end -->

        <!-- 广告 begin -->
        <div class="adv_kitchen">
            <a href="#">
                <img src="./upload/adv04.webp" alt="">
            </a>
         </div>
        <!-- 广告 end -->
        <!-- 页脚 begin -->
    <div class="footer">
        <div class="menu">
            <ul>
                <li><a href="#"><img src="./images/home_icon.png" alt=""><span>首页</span></a></li>
                <li><a href="#"><img src="./images/category_icon.png" alt=""><span>分类</span></a></li>
                <li><a href="#"><img src="./images/menu_icon.png" alt=""><span>必抢清单</span></a></li>
                <li><a href="#"><img src="./images/cart_icon.png" alt=""><span>购物车</span></a></li>
                <li><a href="#"><img src="./images/user_icon.png" alt=""><span>我的易购</span></a></li>
            </ul>
        </div>
    </div>
    <!-- 页脚 end -->
    </div>
</body>
</html>